<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="rem" content="design-width=720,max-width=480">
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="360-fullscreen" content="true">
    <title>涨停基因</title>
    <script src="//s.thsi.cn/js/m/common/zepto.js"></script>
    <script src="//s.thsi.cn/cd/ths-frontend-common-lib-container/v1.3.12/business/thsIphoneXAdapter.js"></script>
    <script src="//s.thsi.cn/cb?js/m/common/;user.js;basic.js;js/m/;vue.js;js/m/v2/common/;bridge.js;js/m/v2.1/common/;rem.js;js/m/v2/business/;share.js;fundstat.js;stat.js&20180920"></script>
    <!-- build:css styles/stopStock.css -->
    <link type="text/css" rel="stylesheet" href="./styles/old-reset.css">
    <link type="text/less" rel="stylesheet" href="./styles/old-stopStock.less">
    <link type="text/less" rel="stylesheet" href="./styles/old-common.less">
    <!-- endbuild -->
    <!-- build:remove -->
    <script type="text/javascript" src="//s.thsi.cn/js/m/business/less.js"></script>
    <!-- endbuild -->

</head>
<body>
    <section class="vueBox" v-cloak>
        <section class="fixedBox">
            <section class="rise_title">
                <div @click="switchTabTitle('slow')">缓慢涨停<span class="addredcolor"></span></div>
                <div @click="switchTabTitle('one')">一字板<span class="addredcolor"></span></div>
                <div @click="switchTabTitle('touch')">触及涨停<span class="addredcolor"></span></div>
            </section>
            <section class="product-title">
                <div>
                    <li>个股名称</li>
                    <li v-bind:flag-id="1" class="rose" v-on:click.stop="clickTabSort($event)"><span>涨停基因</span><span><ins></ins><ins></ins></span></li>
                    <li v-bind:flag-id="2" class="high" v-on:click.stop="clickTabSort($event)"><span>最新</span><span><ins></ins><ins></ins></span></li>
                    <li v-bind:flag-id="3" class="code" v-on:click.stop="clickTabSort($event)"><span>涨幅</span><span><ins></ins><ins></ins></span></li>
                </div>
            </section>
        </section>
        <section class="list_title_data" id="list_top" v-if="stockList.length !=0">
            <div>
                <ul v-for="(item,key) in stockList" @click="JumpToFenShi(item.stockCode,item.marketCode,key+1)">
                    <li><span>{{item.stockName}}</span><span>{{item.stockCode}}</span></li>
                    <li>{{item.limitGene || "--"}}</li>
                    <li class="redcolor">{{item.nowPrice.toFixed(2)}}</li>
                    <li v-if="parseFloat(item.upRisePercent) > 0" class="redcolor">+{{item.upRisePercent.toFixed(2)}}%</li>
                    <li v-else-if="parseFloat(item.upRisePercent) < 0" class="greencolor">{{item.upRisePercent.toFixed(2)}}%</li>
                    <li v-else>0.00%</li>
                </ul>
            </div>
        </section>
        <section v-else class="no_stockList">
            <img src="images/stock.png" alt="没有荐股（有图片）">
            <p>该板块暂无股票数据</p>
        </section>
        <img src="images/refresh.png" alt="刷新" class="refresh" @click="refreshData('fresh')">
    </section>
    <div class="load-error hide">
        <div class='error-main'>
            <img src="//s.thsi.cn/js/m/publicImg/error.png" alt="加载失败">
            <p>数据走丢了，点击屏幕重试</p>
        </div>
        <div class="cover"></div>
    </div>
    <div class="load-box hide">
        <div class="loading-now">
            <div class="loading trun-around"><img src="//s.thsi.cn/js/m/publicImg/loading.png" alt="正在加载"></div>
            <p>正在加载...</p>
        </div>
    </div>
<!-- build:js scripts/stopStock.js -->
<script type="text/javascript" src="./scripts/old/config.js"></script>
<script type="text/javascript" src="./scripts/old/stopStock.js"></script>
<script type="text/javascript" src="./scripts/old/sort.js"></script>
<!-- endbuild -->
</body>
</html>